<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<script src="assets/flexible/flexible.debug.js"></script>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<title>首页</title>
	<link rel="stylesheet" href="assets/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" href="assets/bootstrap/base.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">

</head>

<body>
	<!-- 顶部搜索框 -->
	<div class="search">
		<a href="#">
			<img src="images/search.png">
		</a>
	</div>
	<!-- 头部 -->
	<div class="swiper-container header">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><img src="https://pic.ghs.net/public/images/13/62/73/7a89190a59a068d4e7f85f192891312eeaa2f8a2.jpg"></div>
			<div class="swiper-slide"><img src="https://pic.ghs.net/public/images/77/60/07/c83e374031d7743770f1925e9db51922a80a5cc2.jpg"></div>
			<div class="swiper-slide"><img src="https://pic.ghs.net/public/images/1e/5c/87/a698dfe81c370b6afca53e95f84e1732ff60dd83.jpg"></div>
			<div class="swiper-slide"><img src="https://pic.ghs.net/public/images/02/70/db/f65526a378dad2fb0b384b393bf398ed7e06171a.jpg"></div>
			<div class="swiper-slide"><img src="https://pic.ghs.net/public/images/13/62/73/7a89190a59a068d4e7f85f192891312eeaa2f8a2.jpg"></div>
		</div>
		<div class="swiper-pagination dian"></div>
	</div>
	<!-- 限时抢购-->
	<div class="flash">
		<div class="left">
			<a href="html/details.html">
				<h3>限时抢购<img src="images/jiantou.png"></h3>
				<!-- 倒计时 -->
				<section class="countdown">
					<div class="hours">
						24
					</div>
					<span>:</span>
					<div class="min">
						59
					</div>:
					<div class="secon">
						59
					</div>
				</section>
				<section class="price">
					￥199
				</section>
			</a>
		</div>
		<div class="right">
			<a class="top" href="html/details.html">
            
			</a>
			<a class="bottom" href="html/details.html">

			</a>
		</div>
	</div>
	<!-- TV抢购 -->
	<div class="rob">
		<div class="top">
			<span>TV抢购</span>
			<span>更多直播></span>
		</div>
		<div class="swiper-container rob_bot">
			<div class="swiper-wrapper">
				<div class="swiper-slide slide">
					<img src="https://wap.ghs.net/public/images/64/26/d7/546eb1d6e1f13b37492ab10cd8e96cd67b71f17d.jpg">

				</div>
				<div class="swiper-slide slide">
					<img src="https://wap.ghs.net/public/images/05/34/90/1e080f476b143204b8faa34e5206ef0390d5efe7.jpg" />
				</div>
				<div class="swiper-slide slide">
					<img src="https://wap.ghs.net/public/images/05/34/90/1e080f476b143204b8faa34e5206ef0390d5efe7.jpg" />
				</div>
			</div>
		</div>
	</div>
	<!-- 必买商品 -->
	<div class="mustbuy">
		<img class="top" src="https://pic.ghs.net/public/images/41/28/bd/ae4a1547d7ac723b5e684ebd4cecc7570fd74dcd.jpg" />
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/3b/cf/6f/3f98ab4154fbed240411ddf2a0fb193b7ef9e9f0.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/78/5a/75/e5ed1d1a6df9057534062f2cfc3b507c876f4adc.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/9a/6b/7e/bb55c1cf33314694539da5a2c0bd606df93b6a1b.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/6a/48/8d/c022e7f58117949fd38b58f033d70af55c070be5.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/4c/fc/7a/549d3420bdf7a97c3ca56edb2545c5568ebfc373.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/05/4f/04/ec6c7c8aa7822ad54d5da9aed18d37fc092d6d84.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/da/43/69/22b2db8cda80b66f1afd0e6a140de1aa73b831b7.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
		<a href="html/details.html">
			<section class="box">
				<section class="discount">
					<span>9</span>折
				</section>
				<img src="https://wap.ghs.net/public/images/25/b9/ab/2044ba5a81c7e708e2000194435ad5a07977f024.jpg">
				<p class="shopname">
					QueensMate智能营养破壁料理机
				</p>
				<p class="price">
					￥1242.00
					<s>￥1380.00</s>
				</p>
			</section>
		</a>
	</div>
	<!-- 聚鲨必抢 -->

	<div class="ad">
		<img class="top" src="https://pic.ghs.net/public/images/fe/5f/e3/dc159951017da4de02578218a3d08f975f27dd6e.jpg">
		<div class="box">
			<!-- <img src=" https://pic.ghs.net/public/images/a2/16/1c/f6f69b9c372b4039eeecd5854b4f02bf9253c331.jpg"> -->
			<h3>脖颈间的别样风情</h3>
			<h4>三井珠宝红珊瑚经典长款项链</h4>
			<p class="ad_price">
				￥
				<span class="getad_span">4482.00</span>
				<span class="price_flag">活动价</span>
			</p>
		</div>
		<div class="box">
			<!-- <img src=" https://pic.ghs.net/public/images/a2/16/1c/f6f69b9c372b4039eeecd5854b4f02bf9253c331.jpg"> -->
			<h3>脖颈间的别样风情</h3>
			<h4>三井珠宝红珊瑚经典长款项链</h4>
			<p class="ad_price">
				￥
				<span class="getad_span">4482.00</span>
				<span class="price_flag">活动价</span>
			</p>
		</div>
		<div class="box">
			<!-- <img src=" https://pic.ghs.net/public/images/a2/16/1c/f6f69b9c372b4039eeecd5854b4f02bf9253c331.jpg"> -->
			<h3>脖颈间的别样风情</h3>
			<h4>三井珠宝红珊瑚经典长款项链</h4>
			<p class="ad_price">
				￥
				<span class="getad_span">4482.00</span>
				<span class="price_flag">活动价</span>
			</p>
		</div>
		<div class="box">
			<!-- <img src=" https://pic.ghs.net/public/images/a2/16/1c/f6f69b9c372b4039eeecd5854b4f02bf9253c331.jpg"> -->
			<h3>脖颈间的别样风情</h3>
			<h4>三井珠宝红珊瑚经典长款项链</h4>
			<p class="ad_price">
				￥
				<span class="getad_span">4482.00</span>
				<span class="price_flag">活动价</span>
			</p>
		</div>
	</div>

	<!-- 底部导航 -->
	<footer class="footer">
		<a href="#">
			<dl class="on">
				<dt>
					<img src="images/home_after.png">
				</dt>
				<dd>
					推荐
				</dd>
			</dl>
		</a>
		<a href="html/shopping.html">
			<dl>
				<dt>
					<img src="images/class_before.png">
				</dt>
				<dd>
					逛
				</dd>
			</dl>
		</a>

		<a href="html/car.html">
			<dl>
				<dt>
					<img src="images/shopcar_before.png">
				</dt>
				<dd>
					购物车
				</dd>
			</dl>
		</a>

		<a href="html/my.html">
			<dl>
				<dt>
					<img src="images/mine_before.png">
				</dt>
				<dd>
					我的
				</dd>
			</dl>
		</a>
	</footer>




	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="assets/bootstrap/bootstrap.min.js"></script>
	<script src="js/index.js"></script>
	<script>
		var mySwiper = new Swiper(".header", {
			direction: "horizontal",
			/*横向滑动*/
			loop: true,
			/*形成环路（即：可以从最后一张图跳转到第一张图*/
			pagination: ".swiper-pagination",
			/*分页器*/
			prevButton: ".swiper-button-prev",
			/*前进按钮*/
			nextButton: ".swiper-button-next",
			/*后退按钮*/
			autoplay: 2000 /*每隔3秒自动播放*/
		})

		var mySwiper = new Swiper('.rob_bot', {
			effect: 'coverflow',
			slidesPerView: 3,
			centeredSlides: true,
			coverflow: {
				rotate: 30,
				stretch: 10,
				depth: 60,
				modifier: 2,
				slideShadows: true
			}
		})
	</script>
</body>

</html>